@import './reset';

@function getVw($w) {
  @return calc($w/375) * 100+vw;
}

.wrap {
  header {
    h3 {
      font-size: getVw(16);
      font-weight: 500;
      border-bottom: 1px solid #e9ecf0;
      text-align: center;
      margin-top: getVw(12);
      padding-bottom: getVw(12);
    }
  }

  main {
    .ul {
      .ul-li {
        margin-left: getVw(15);
        margin-right: getVw(15);
        border-bottom: 1px solid #e9ecf0;

        input {
          border: none;
          outline-style: none;
          font-size: getVw(13.33);
          color: #757575;
          padding: getVw(21) 0;
        }
      }
    }

    button {
      border: none;
      width: getVw(337);
      height: getVw(42);
      line-height: getVw(42);
      background-color: #884e22;
      margin-left: 50%;
      transform: translateX(-50%);
      margin-top: getVw(33);

      a {
        display: block;
        color: #ffffff;
        width: 100%;
        height: 100%;
      }
    }
  }
}